<!DOCTYPE html>
<!--suppress ThymeleafVariablesResolveInspection -->
<!-- supperss ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户留言-有贝口腔网</title>
    <meta name="keywords" content="用户留言,口腔知识,口腔资讯,有贝口腔网">
    <meta name="description" content="用户留言,有贝口腔网为用户提供专业的口腔资讯，口腔知识，口腔问题，口腔卫生等综合服务型网站">
    <link rel="stylesheet" href="./yb_system_css/reset.css">
    <link rel="stylesheet" href="./yb_system_css/commone.css">
    <link rel="stylesheet" href="./yb_system_css/commtwo.css">
    <link rel="stylesheet" href="./yb_system_css/commthree.css">
    <link rel="shortcut icon" href="http://www.hasbei.com/static/images/icon.png" type="image/x-icon">
    <link rel="stylesheet" media="screen and (min-width:481px)" href="./yb_system_css/mine.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="./yb_system_css/mine(1).css">
    <script src="./yb_system_js/hm.js"></script>
    <script type="text/javascript">
        var basePath = "/";
    </script>
    <script src="./yb_system_js/common.js"></script>
    <script src="./yb_system_js/jquery-3.5.1.min.js"></script>
    <script src="./yb_system_js/footfixed.js"></script>
    <script src="./yb_system_js/jquery.validate.min.js"></script>
    <script src="./yb_system_js/messages_zh.js"></script>
    <script src="./yb_system_js/about.js"></script>
    <style>
        .main-tab-ul li a:hover{
            background: #1482c8;
            border-radius: 3px;
            color:#fff;
        }
        .more-li :hover{
            background: #1482c8;
            border-radius: 3px;
            color:#fff;
        }
    </style>
</head>
<body>
<div class="content">

    <div th:replace="public :: header"></div>

    <div class="content-main">
        <div class="main-tab main-tab-fixed">
            <div class="max-width">
                <ul class="main-tab-ul">
                    <li>
                        <a th:href="@{/consult}" target="_self">今日推荐</a>
                    </li>
                    <li th:each="thTypeList,typeState:${queryTypeList}" th:if="${typeState.count <= 10}">
                        <a  class="main-tab-active"  th:if="${typeId == thTypeList.id}" th:href="@{/type(typeId=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                        <a th:if="${typeId != thTypeList.id}" th:href="@{/type(typeId=${thTypeList.id})}" target="_self" th:text="${thTypeList.name}"></a>
                    </li>
                    <li class="tab-more-list">
                        <a href="javascript:;" target="_self">
                            <span>更多</span>
                            <img class="arrow-bottom" th:src="@{/yb_system_picture/arrow-bttom.png}" alt="有贝口腔网">
                        </a>
                        <div>
                            <ul>
                                <li class="more-li" th:each="thTypeList2,typeState:${queryTypeList}" th:if="${typeState.count > 10}">
                                    <a class="main-tab-active"  th:if="${thTypeList2.id == typeId}" th:href="@{/type(typeId=${thTypeList2.id})}" target="_self" th:text="${thTypeList2.name}"></a>
                                    <a th:if="${thTypeList2.id != typeId}" th:href="@{/type(typeId=${thTypeList2.id})}" target="_self" th:text="${thTypeList2.name}"></a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="mine-main">
            <div class="mine-top-img">
                <img src="./yb_system_picture/mine-top.png" alt="有贝口腔网">
            </div>
            <div class="bread-crumb">
                <div>
                    <a th:href="@{/homePage}">首页</a>
                    <span>&gt;</span>
                    <a th:href="@{/aboutUs}">关于我们</a>
                </div>
            </div>
            <div class="mine-info">
                <div class="mine-info-left">
                    <div class="left-tab">
                        <ul>
                            <li><a th:href="@{/about(aboutId=1)}" target="_blank">关于我们</a></li>
                            <li><a th:href="@{/about(aboutId=2)}" target="_blank">联系我们</a></li>
                            <li><a th:href="@{/about(aboutId=3)}" target="_blank">网站地图</a></li>
                            <li><a th:href="@{/messageFeedback}" target="_blank">留言反馈</a></li>
                            <li><a th:href="@{/about(aboutId=5)}" target="_blank">招聘信息</a></li>
                            <li><a th:href="@{/about(aboutId=6)}" target="_blank">用户协议</a></li>
                            <li><a th:href="@{/about(aboutId=7)}" target="_blank">隐私协议</a></li>
                        </ul>
                    </div>
                </div>
                <div class="mine-info-right">
                    <div class="right-content">
                        <div class="content-list">
                            <div class="content-list-top">
                                <img src="./yb_system_picture/mine-icon.png" alt="有贝口腔网">
                                <div class="mine-title">留言反馈</div>
                            </div>
                            <div class="content-list-info">
                                <form onsubmit="return false" id="commentForm" novalidate="novalidate">
                                    <p>
                                        <span>联系人</span>
                                        <label>
                                            <input type="text" name="linkPerson" placeholder="请输入联系人" required=""
                                                   aria-required="true">
                                        </label>
                                    </p>
                                    <p>
                                        <span>联系方式</span>
                                        <label>
                                            <input type="text" name="linkWay" placeholder="请输入电话或者电子邮箱" required=""
                                                   aria-required="true">
                                        </label>
                                    </p>
                                    <p class="liuyan-contnet">
                                        <span class="liuyan-contnet-label">留言内容</span>
                                        <label>
                                            <textarea placeholder="请输入留言反馈、咨询内容" name="content" maxlength="500"
                                                      class="textarea" required="" aria-required="true"></textarea>
                                            <a><i class="number">0</i>/500</a>
                                        </label>
                                    </p>
                                    <div class="check-code">
                                        <p>
                                            <span class="check-code-span">验证码</span>
                                            <label>
                                                <input type="text" placeholder="请输入验证码" name="code" required=""
                                                       aria-required="true">
                                            </label>
                                        </p>
                                        <img alt="有贝口腔网" id="codeImg" onclick="reCode()" src="./yb_system/vcode"
                                             class="get-code" style="height:30px;width:70px;margin-left:5px">
                                    </div>
                                    <input class="sub-btn" type="submit" value="提交">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div th:replace="public::footer"></div>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?4245936cbef31e434e2b387b56dfd7d8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</div>
</body>
</html>